<template>
  <div class="app-index">
    <div class="an">
      <activity></activity>
      <news></news>
    </div>
    <div class="nn">
      <notice></notice>
      <product></product>
    </div>

  </div>
</template>

<script setup >
import ButtonTableHeader from '@/components/ButtonTableHeader/index.vue'
import news from '../components/index/news.vue'
import notice from '../components/index/notice.vue'
import activity from '../components/index/activity.vue'
import product from '../components/index/product.vue'
import {ref,onMounted} from 'vue'
import {getInfo} from "@/api/login";
const showFlag = ref(true)
onMounted(()=>{
  getInfoFn()
})
const getInfoFn = async () => {
  let {user} = await getInfo()
  localStorage.setItem('userInfo', JSON.stringify(user));
}
const showSearch = () =>{
  showFlag.value = !showFlag.value
}
const handleUpdate = () =>{
  showFlag.value = !showFlag.value
}

</script>

<style scoped lang="scss"  >
.app-index{

}
.an{
  width: 70%;
  float: left;
  padding: 20px;
}
.nn{
  width: 30%;
  float: left;
  padding: 20px;
}


</style>

